//extend
.animation{
    transition: all .3s ease-out;
    .hide{
        transform: scale(0);
    }
}

#main{
    &:extend(.animation);
}
#con{
    &:extend(.animation .hide);
}
//all全局替换
#main{
    width: 200px;
}
#main{
    &:after{
        content: 'hello';
    }
}
#warp:extend(#main all){}
//减少代码书写
.wrap{
    width: 100px;;
    &:hover{
        background-color: aliceblue;
    }
}
.a{
    .wrap
}
//继承使用要点